@import "../common/member.less";

html {
  height: 100%;
  padding: 0;
}

body {
  height: 100%;
  padding: 0;
}

.body {
  height: 100%;
  padding: 0;
}

.container {
  width: 100%;
  height: 100%;
  padding: 0;
  .side {
    color: #FFFFFF;
    background: #3f3f3f;
    float: left;
    overflow: auto;
    width: 15%;
    height: 100%;
    .home {
      display: block;
      width: 85%;
      margin: 30px auto;
      background: #3f3f3f;
      border-radius: 30px;
      border: 1px solid @theme-color;
      color: @theme-color;
    }
    .create {
      display: none;
    }
    text-align: left;
    .add {
      cursor: pointer;
      margin-left: 15px;
      font-size: 12px;
    }
    #title {
      width: 85%;

      height: 35px;
      margin: 10px auto;
      box-sizing: border-box;
      background-color: rgba(180, 180, 180, 0.2);
      color: rgb(200, 200, 200);
      border-color: rgb(47, 47, 47);

    }
    .cancel {
      cursor: pointer;
      color: #969696;
      margin-left: 15px;
      font-size: 15px;
    }
    .btn-add {
      height: 35px;
      line-height: 0;
      width: 30%;
      margin-left: 15px;

      background: #3f3f3f;
      border-radius: 20px;
      border: 1px solid rgb(52, 171, 32);;
      color: rgb(52, 171, 32);;
    }
    ul {
      margin-top: 15px;
    }
    ul li {
      color: #FFFFFF;
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      width: 100%;
      padding-left: 15px;
      &:hover {
        background: #646464;
      }

    }
    .active {
      background: #646464;
      height: 40px;
      border-left: 3px solid @theme-color;
    }
  }
  .middle {
    text-align: left;
    float: left;
    overflow: auto;
    padding-top: 30px;
    width: 20%;
    height: 100%;
    .add {
      cursor: pointer;
      padding-left: 15px;

    }
    ul {
      margin-top: 15px;
    }
    ul li {
      color: #333333;
      cursor: pointer;
      height: 80px;
      line-height: 80px;
      width: 100%;
      padding-left: 15px;
      &:hover {
        background: #F1F1F1;
      }

    }
    .active {
      background: #F1F1F1;
      height: 80px;
      border-left: 3px solid @theme-color;
    }
  }
  .main {
    float: left;
    width: 65%;
    height: 100%;
    background: #F1F1F1;
    #editor {
      display: none;
    }
  }
}